// import { useState } from 'react'
// import logo from './logo.svg'
// import './App.css'
// react 在事件这块，用的是原生的js事件处理吗？
// react 合成事件  模拟出原生事件
// 1. 事件的捕获和冒泡
// 2. 各种事件的模拟实现
const Demo = () => {
  return (
    <section
      onClick={(e) => {
        console.log("click section");
      }}
    >
        <h3>Hello</h3>
        <button
          onClick={(e) => {
            console.log("click button",e);
          }}
        >
          点击
        </button>
    </section>
  )
}

function App() {

  return (
    <div>
      <Demo />
    </div>
  )
}

export default App
